<script setup lang="ts">
const {waterForm} = defineProps<{
  waterForm: Object;  // 定义采样时间的类型
}>();

</script>

<template>
  <el-card class="box-card">
    <div style="text-align: center;display: flex;align-items: center;justify-content: space-between">
      <div></div>
      <h1>土壤 容量法分析原始记录（三）（B面）</h1>
      <div>SXLPHJ/JL/CX-22-140</div>
      <div style="display: flex;align-items: center;">

      </div>
    </div>
    <div style="display: flex;align-items: center;justify-content: space-between">
      <h3 style="margin: 0;font-size: 16px">SXLPHJ/JL/CX-22-140</h3>
      <div style="display: flex;align-items: center">
        <span style="width: 140px;">绘制日期：</span>
        <el-input style="border: 1px solid #ccc;border-radius: 6px" placeholder="请输入"
                  v-model="waterForm.bdatas.hzrq"></el-input>
      </div>

    </div>
    <table class="table" style="margin: 0">
      <tr>
        <td colspan="9" style="text-align: center">
          <div style="display: flex;align-items: center;justify-content: space-between">
            <div></div>
            <span style="font-size: 18px">溶液配制</span>
            <div></div>
          </div>
        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">标准溶液名称</td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.rypz.bz_ryname2" />
        </td>
        <td colspan="2">标准物质批号/生产厂商</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
            v-model="waterForm.bdatas.rypz.bz_bzwzph" />
        </td>
      </tr>
      <tr>
        <td colspan="2">标准物质取样质量( )</td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_bzwzqyzl" />
        </td>
        <td colspan="2">定容体积（mL）</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_drtj1" /> 
        </td>
      </tr>
      <tr>
        <td colspan="2">配制日期</td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_pzrq1" />
        </td>
        <td colspan="2">标准物质浓度(mol/l)</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_bzwznd" />
        </td>
      </tr>
      <tr>
        <td colspan="2">基准溶液名称</td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_jzrymc" />
        </td>
        <td colspan="2">基准物质批号/生产厂商</td> 
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.rypz.bz_jzwzph" />
        </td>
      </tr>
      <tr>
        <td colspan="9">标定过程</td>
      </tr>
      <tr>
        <td>基准物质取样质量m(g)</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_jzwzqyzl" />
        </td>
        <td>溶剂</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_rj" />
        </td>
        <td>溶解体积(mL)</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_rjtj" />
        </td>
      </tr>
      <tr>
        <td>计算公式</td>
        <td colspan="8">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_jsgs" />
        </td>
      </tr>
      <tr>
        <td rowspan="2">滴定次数</td>
        <td colspan="8">滴定体积（mL）</td>
      </tr>
      <tr>
        <td>始读数</td>
        <td>终读数</td>
        <td>净用量V净</td>
        <td>浓度c(mol/l)</td>
        <td>平行极差的相对值</td>
        <td colspan="2">重复性临界极差CrR95(4)</td>
      </tr>
      <tr>
        <td>第一次</td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dyc1" />
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dyc2" />
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dyc3" />
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dyc4" />
        </td>
        <td rowspan="4">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dyc5" />
        </td>
        <td colspan="2" rowspan="4">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dyc6" />
        </td>
      </tr>
      <tr>
        <td>第二次</td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dec1" />
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dec2" />
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dec3" />
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dec4" />
        </td>
      </tr>
      <tr>
        <td>第三次</td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsc1" />
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsc2" />
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsc3" />
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsc4" />
        </td>
      </tr>
      <tr>
        <td>第四次</td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsic1" />
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsic2" />
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsic3" />
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bdgc.bd_dsic4" />
        </td>
      </tr>
      <tr>
        <td colspan="2">标准溶液标定浓度C0</td>
        <td colspan="7">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
          v-model="waterForm.bdatas.bd_bzrybdnd" />  mol/L
        </td>
      </tr>
    </table>
    <table class="table">
      <tr>
        <td colspan="10" style="text-align: center">空白检查</td>
      </tr>
      <tr>
        <td style="text-align: center" colspan="2">样品编号</td>
        <td style="text-align: center" colspan="3">样品浓度(
          <el-input placeholder="请输入"
          v-model="waterForm.unit.kb_ypnd" style="width: 20%;"></el-input> ）</td>
        <td style="text-align: center" colspan="3">质控要求</td>
        <td colspan="2" style="text-align: center">是否合格</td>
      </tr>
      <tr v-for="(item, index) in waterForm.kbycd" :key="index">
        <td style="text-align: center" colspan="2">
          <!--          <el-select-->
          <!--              placeholder="请选择"-->
          <!--              size="large"-->
          <!--              style="width: 100%"-->
          <!--          >-->
          <!--          </el-select>-->
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.kb_ypbh"/>
        </td>
        <td colspan="3" style="text-align: center">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.kb_ypnd"/>
        </td>
        <td style="text-align: center" colspan="3">
          <!--          <el-select-->
          <!--              placeholder="请选择"-->
          <!--              size="large"-->
          <!--              style="width: 100%"-->
          <!--          >-->
          <!--          </el-select>-->
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.kb_zkyq"/>
        </td>
        <td colspan="2" style="text-align: center">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.kb_sfhg"/>
        </td>
      </tr>
      <tr>
        <td colspan="10" style="text-align: center">平行样测定（碳酸根）</td>
      </tr>
      <tr>
        <td colspan="2">平行样编号</td>
        <td colspan="3">
          <div>
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd1_fx.px_pxybh1" />
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd1_fx.px_pxybh2" />
          </div>
        </td>
        <td colspan="3">
          <div>
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd1_fx.px_pxybh3" />
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd1_fx.px_pxybh4" />
          </div>
        </td>
        <td colspan="2">
          <div>
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd1_fx.px_pxybh5" />
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd1_fx.px_pxybh6" />
          </div>
        </td>
      </tr>
      <tr>
        <td colspan="2">测定浓度（ ）</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.cdnd_1"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.cdnd_2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.cdnd_3"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.cdnd_4"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.cdnd_5"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.cdnd_6"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <el-radio-group v-model="waterForm.bdatas.pxycd1_fx.xdpc_1">
            <el-radio value="Value 1">相对偏差</el-radio>
            <el-radio value="Value 2">自定义</el-radio>
          </el-radio-group>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.xdpc_2"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.xdpc_3"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.xdpc_4"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">质控要求</td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.zkyq_1"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.zkyq_2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.zkyq_3"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">是否合格</td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.sfhg_1"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.sfhg_2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd1_fx.sfhg_3"/>
        </td>
      </tr>
      <tr>
        <td colspan="10" style="text-align: center">平行样测定（重碳酸根)</td>
      </tr>
      <tr>
        <td colspan="2">平行样编号</td>
        <td colspan="3">
          <div>
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd2_fx.px_pxybh1" />
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd2_fx.px_pxybh2" />
          </div>
        </td>
        <td colspan="3">
          <div>
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd2_fx.px_pxybh3" />
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd2_fx.px_pxybh4" />
          </div>
        </td>
        <td colspan="2">
          <div>
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd2_fx.px_pxybh5" />
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
              v-model="waterForm.bdatas.pxycd2_fx.px_pxybh6" />
          </div>
        </td>
      </tr>
      <tr>
        <td colspan="2">测定浓度（ ）</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.cdnd_1"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.cdnd_2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.cdnd_3"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.cdnd_4"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.cdnd_5"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.cdnd_6"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <el-radio-group v-model="waterForm.bdatas.pxycd2_fx.xdpc_1">
            <el-radio value="Value 1">相对偏差</el-radio>
            <el-radio value="Value 2">自定义</el-radio>
          </el-radio-group>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.xdpc_2"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.xdpc_3"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.xdpc_4"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">质控要求</td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.zkyq_1"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.zkyq_2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.zkyq_3"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">是否合格</td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.sfhg_1"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.sfhg_2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd2_fx.sfhg_3"/>
        </td>
      </tr>
      <tr>
        <td colspan="10" style="text-align: center">标准样品测定</td>
      </tr>
      <tr>
        <td colspan="2">样品批号</td>
        <td colspan="3">测定浓度（
          <el-input placeholder="请输入"
          v-model="waterForm.unit.bz_cdnd" style="width: 20%;"></el-input> ）</td>
        <td colspan="3">标准值（
          <el-input placeholder="请输入"
          v-model="waterForm.unit.bz_bzz" style="width: 20%;"></el-input>
           ）</td>
        <td colspan="2">是否合格</td>
      </tr>
      <tr v-for="(item, index) in waterForm.bzycd" :key="index">
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.bz_ypph"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.bz_cdnd"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.bz_bzz"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.bz_sfhg"/>
        </td>
      </tr>
      <tr>
        <td>备注</td>
        <td colspan="9">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bnotes"/>
        </td>
      </tr>
    </table>
  </el-card>
</template>

<style scoped lang="scss">

.table {
  width: 100%;
  border-collapse: collapse; /* 表格边框合并 */
  text-align: left; /* 默认左对齐 */
  font-size: 14px; /* 字体大小 */
  color: #606266; /* 默认字体颜色 */
  margin-bottom: 20px;
}

.table th,
.table td {
  border: 1px solid #c2bfbf; /* 表格单元格边框颜色 */
  padding: 10px; /* 单元格内边距 */
  text-align: center;
}

.table th {
  background: #f5f7fa; /* 表头背景色 */
  font-weight: 600; /* 表头字体加粗 */
  color: #303133; /* 表头字体颜色 */
  text-align: center; /* 表头居中 */
}

.table-td {
  display: flex;
}

::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>
